<ui:composition template="../template/plantilla_01.xhtml"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:p="http://primefaces.org/ui"
        xmlns:fn="http://java.sun.com/jsp/jstl/functions"
        xmlns:c="http://java.sun.com/jsp/jstl/core">
   

    <ui:define name="panelCentral" >

        <p:panel header="Selecciónar ventas especiales disponibles"  style="min-height: 400px; height: auto;" >

            <h:form>

                <p:dataTable value="#{poolAplicacionBean.pooles}" var="p">

                    <f:facet name="header" >
                        Ventas especiales públicas
                    </f:facet>

                    <p:column headerText="Nro">
                        <h:outputText value="#{p.nroPool}" >
                            <f:convertNumber pattern="000" />
                        </h:outputText>
                    </p:column>

                    <p:column headerText="Descripción">
                        <h:outputText value="#{p.descripcion}" />
                    </p:column>

                    <p:column headerText="Cant. Publicada">
                        <h:outputText value="#{p.cantidadDisponible}" >
                            <f:convertNumber pattern="0" />
                        </h:outputText>
                    </p:column>

                    <p:column headerText="Cant. Disponible">
                        <h:outputText value="#{p.cantidadDisponible}" >
                            <f:convertNumber pattern="0" />
                        </h:outputText>
                    </p:column>

                    <p:column headerText="Cant. Reservas">                        
                        <h:outputText value="#{fn:length(p.reservas)}" >
                            <f:convertNumber pattern="0" />
                        </h:outputText>
                    </p:column>

                    <p:column headerText="Acción" style="text-align: center;">
                        <h:outputLink value="#{application.contextPath}/reserva-venta-especial/#{p.codigoAcceso}">
                            Seleccionar    
                        </h:outputLink>                        
                    </p:column>

                </p:dataTable>

                <p:spacer height="15" />

                <p:dataTable value="#{poolAplicacionBean.poolesRestringidos}" var="p">

                    <f:facet name="header" >
                        Ventas especiales restringidas
                    </f:facet>

                    <p:column headerText="Nro">
                        <h:outputText value="#{p.nroPool}" >
                            <f:convertNumber pattern="000" />
                        </h:outputText>
                    </p:column>

                    <p:column headerText="Descripción">
                        <h:outputText value="#{p.descripcion}" />
                    </p:column>

                    <p:column headerText="Cant. Publicada">
                        <h:outputText value="#{p.cantidadDisponible}" >
                            <f:convertNumber pattern="0" />
                        </h:outputText>
                    </p:column>

                    <p:column headerText="Cant. Disponible">
                        <h:outputText value="#{p.cantidadDisponible}" >
                            <f:convertNumber pattern="0" />
                        </h:outputText>
                    </p:column>

                    <p:column headerText="Cant. Reservas">
                        <h:outputText value="#{fn:length(p.reservas)}" >
                            <f:convertNumber pattern="0" />
                        </h:outputText>
                    </p:column>

                    <p:column headerText="Seleccionar" style="text-align: center;">
                        <h:outputLink value="#{application.contextPath}/reserva-venta-especial/#{p.codigoAcceso}">
                            Seleccionar    
                        </h:outputLink>                           
                    </p:column>

                </p:dataTable>

        </h:form>
            
        </p:panel>

        
        
  </ui:define>
    
</ui:composition>